<template>
  <div>
      <b-card body-class="table">
          <template #header>
                <b-form inline class="text-center">
                    <b-col>帐号: <b-form-input></b-form-input></b-col>
                    <b-col>用户名: <b-form-input></b-form-input></b-col>
                    <b-col>
                        性别 : <b-form-input></b-form-input>
                    </b-col>
                    <b-col>
                        <b-button><b-icon icon="search"></b-icon></b-button>
                    </b-col>
                </b-form>
          </template>
            <b-table 
                no-border-collapse
                :fields="table.fields" 
                :items="table.items">
            </b-table>
      </b-card>
  </div>
</template>
 
<script>
export default {
    data(){
        return {
            table:{
                fields:[
                    {
                        key: "id",
                        label: "帐号"
                    },
                    {
                        key: 'name',
                        label: "用户名"
                    },
                    {
                        key: "phone",
                        label: "手机"
                    },
                    {
                        key: "email",
                        label: "邮箱"
                    },
                    {
                        key: "sex",
                        label: "性别"
                    },
                    {
                        key: "date",
                        label: "加入时间"
                    },
                    {
                        key: "op",
                        label: "操作"
                    }
                ],
                items:[
                    
                ]
            }
        }
    },
    created(){
        
    }
}
</script>

<style>
.table{
    position: relative;
}
</style>